<html>
<head>
    <title>Carousel y Lightbox: Galería de imágenes con jQuery</title>
    <style type="text/css">
        * { margin: 0; padding: 0; border: 0; }
    </style>
    <link href="css/skin.css" rel="stylesheet" type="text/css" />
    <link href="css/jquery.lightbox-0.5.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.4.1.js" type="text/javascript"></script>
    <script src="js/jquery.jcarousel.min.js" type="text/javascript"></script>
    <script src="js/jquery.lightbox-0.5.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $('#carousel').jcarousel();
            $('#carousel a').lightBox();
        });
    </script>
</head>
<body>
	<div id="carousel" class="jcarousel-skin-tango">
		<ul>
			<li><a href="photos/image1.jpg"><img src="photos/thumb_image1.jpg" width="75" height="75" /></a></li>
			<li><a href="photos/image2.jpg"><img src="photos/thumb_image2.jpg" width="75" height="75" /></a></li>
			<li><a href="photos/image3.jpg"><img src="photos/thumb_image3.jpg" width="75" height="75" /></a></li>
			<li><a href="photos/image4.jpg"><img src="photos/thumb_image4.jpg" width="75" height="75" /></a></li>
			<li><a href="photos/image5.jpg"><img src="photos/thumb_image5.jpg" width="75" height="75" /></a></li>
		</ul>
	</div>
</body>
</html>